.icebody {
	margin: 0;
	min-height: calc(100vh - 43px);
	background-color: #000000;
	background-image:
		radial-gradient(closest-side, rgba(255, 0, 0, 1), rgba(255, 0, 0, 0)),
		radial-gradient(closest-side, rgba(0, 255, 0, 1), rgba(0, 255, 0, 0)),
		radial-gradient(closest-side, rgba(0, 0, 255, 1), rgba(0, 0, 255, 0)),
		radial-gradient(closest-side, rgba(255, 0, 255, 1), rgba(255, 0, 255, 0)),
		radial-gradient(closest-side, rgba(255, 255, 0, 1), rgba(255, 255, 0, 0));
	background-repeat: no-repeat;
	animation: 10s movement linear infinite;
}

.icebody::after {
	content: '';
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/* backdrop-filter: blur(10px); */
	/* -webkit-backdrop-filter: blur(10px); */
}

@keyframes movement {
	/* @for $i from 0 through 100 {
			#{$i * 1%} {
				background-color: hsl($i, 100%, 50%);
			}
		} */

	0%,
	100% {
		background-size:
			20vmax 20vmax,
			40vmax 40vmax,
			60vmax 60vmax,
			80vmax 80vmax,
			100vmax 100vmax;
		background-position:
			0vmax 100vmax,
			0vmax 0vmax,
			0vmax 0vmax,
			0vmax 0vmax,
			0vmax 0vmax;
	}

	25% {
		background-size:
			40vmax 40vmax,
			60vmax 60vmax,
			80vmax 80vmax,
			100vmax 100vmax,
			20vmax 20vmax;
		background-position:
			0vmax 0vmax,
			0vmax 100vmax,
			0vmax 0vmax,
			0vmax 0vmax,
			0vmax 0vmax;
	}

	50% {
		background-size:
			60vmax 60vmax,
			80vmax 80vmax,
			100vmax 100vmax,
			20vmax 20vmax,
			40vmax 40vmax;
		background-position:
			0vmax 0vmax,
			0vmax 0vmax,
			0vmax 100vmax,
			0vmax 0vmax,
			0vmax 0vmax;
	}

	75% {
		background-size:
			80vmax 80vmax,
			100vmax 100vmax,
			20vmax 20vmax,
			40vmax 40vmax,
			60vmax 60vmax;
		background-position:
			0vmax 0vmax,
			0vmax 0vmax,
			0vmax 0vmax,
			0vmax 100vmax,
			0vmax 0vmax;
	}
}